<template>
  <div id="main" style="width: 100%;min-height:100%;background-color: whitesmoke">
    <router-view/>

    <!--底部-->
    <Tabbar placeholder v-model="selected">
      <TabbarItem replace to="/index" icon="wap-home-o">首页</TabbarItem>
      <TabbarItem replace to="/message" icon="chat-o">消息</TabbarItem>
      <TabbarItem replace to="/cart" icon="cart-o">购物车</TabbarItem>
      <TabbarItem replace to="/user" icon="user-circle-o">我的</TabbarItem>
    </Tabbar>
  </div>
</template>

<script>
import {Tabbar, TabbarItem} from 'vant'

export default {
  name: 'Main',
  data () {
    return {
      selected: ''
    }
  },
  components: {
    Tabbar,
    TabbarItem
  }
}
</script>

<style scoped>

</style>
